//顶部轮播图
$(function(){
	
//	定义一个变量
var num=0;
//定时器函数
function run(){
	num++;
	if(num>5){
		num=0
	}
	if(num<0){
		num=5
	}
	xy();
}
//显隐函数
function xy(){
$('.xiaomi3x img').eq(num).show().siblings('img').hide();
	$('.xiaomi3xli').eq(num).css('background','white').siblings('.xiaomi3xli').css('background','#978283')
}
//设置定时器
   var timer=setInterval(run,1000)
	
	//	给lunS添加鼠标移动事件,鼠标移动上后清理定时器
	$('.xiaomi3x').mouseenter(function(){
		clearInterval(timer);
		$('.zuojian1').css('display','block')
		$('.youjian1').css('display','block')
	})
	//	给lunS添加鼠标移动事件,鼠标移动上后清理定时器
	$('.xiaomi3xli').mouseenter(function(){
		clearInterval(timer);
	})
//	添加移出鼠标恢复定时器
	$('.xiaomi3x').mouseleave(function(){
		timer = setInterval(run,1000)
		$('.zuojian1').css('display','none');
		$('.youjian1').css('display','none');
	})
	$('.xiaomi3xli').mouseleave(function(){
		timer = setInterval(run,1000)
	})
	
//	给小圆点添加点击事件
	$('.xiaomi3xli').click(function(){
//		获取当前元素的序号
     num=$(this).index();
		xy();
	})
//	给左右箭头添加点击事件
	$('.zuojian1').click(function(){
		num--;
		if(num<0){
			num=5
		}
		xy();
	})
	$('.youjian1').click(function(){
		num++;
		if(num>5){
			num=0
		}
		xy();
	})
	
})












                $(function(){
				$('.xiaomit12 .tu1').each(function(){
//					获取原生js对象 因为只有原生js里面才能存对象属性
					var js = $(this)[0]
////					给每个box里面存入num
					js.num = 0
				})

				$('.zuojian2').click(function(){
//					获得box的原生js对象
					var jsBox = $(this).parents('.tu1')[0]
					jsBox.num--;
					if(jsBox.num<0){
						jsBox.num=0;
					}
					$(this).siblings('.zhao').animate({'left':-jsBox.num*296+'px'},300)
					$(this).siblings('ul').find('li').eq(jsBox.num).addClass('active').siblings().removeClass('active')
				})
				$('.youjian2').click(function(){
					//					获得box的原生js对象
					var jsBox = $(this).parents('.tu1')[0]
					var imgLen = $(this).siblings('.zhao').find('.yi').length;
					jsBox.num++;
					if(jsBox.num>imgLen-1){
						jsBox.num=imgLen-1;
					}
					$(this).siblings('.zhao').animate({'left':-jsBox.num*296+'px'},300)
					$(this).siblings('ul').find('li').eq(jsBox.num).addClass('active').siblings().removeClass('active')
				})
				$('ul li').click(function(){
					var jsBox = $(this).parents('.tu1')[0];
//					获得当前元素序号
						jsBox.num = $(this).index();
						$(this).parent().siblings('.zhao').animate({'left':-jsBox.num*296+'px'},300)
					$(this).addClass('active').siblings().removeClass('active')
				})
			})
//	小米家电部分table切换
	$(function(){
//	给jd3添加hover事件
	$('.jiadian .jd3').hover(function(){
//		获得他的序号
		var num=$(this).index('.jd3')
//		给他添加属性
		var jdtap=$(this).attr('tap');
		var jdtapz=$('#'+jdtap).find('.turight');
		$('#'+jdtap).find('.turight').css('display','none');
		$(jdtapz[num]).css('display','block');
	})
	})
	
//小米闪购部分的倒计时
 window.onload=function(){
// 	抓取元素
	var time=document.getElementsByClassName('time');

//定时器函数
function run(){
//	获取现在的时间对象
	var now=new Date();
//	设定未来的时间
   var fur=new Date(2018,6,17,23,0);
//获取现在的时间距离时间原点的时间差
	var nowT=now.getTime();
//	获取未来的时间距离时间原点的时间差
	var furT=fur.getTime();
//	计算现在的时间和设定的时间的时间差
	var cha=furT-nowT;
//	计算小时
	var hour=parseInt(cha/(1000*60*60))
	var min=parseInt(cha%(1000*60*60)/(1000*60))
	var second=parseInt(cha%(1000*60)/(1000))
	if(hour<10){
		time[0].innerHTML='0'+hour;
	}else{
		time[0].innerHTML=hour;
	}
	if(min<10){
		time[1].innerHTML='0'+min;
	}else{
		time[1].innerHTML=min;
	}
	if(second<10){
		time[2].innerHTML='0'+second;
	}else{
		time[2].innerHTML=second;
	}
  }
//	为了弥补进入网页时一秒的延迟,需要先运行一下定时器
	run();
//	设置一个定时器函数
  var timer=setInterval(run,1000);
 }

//小米右侧的导航，楼层效果
$(function(){
//	设置滚动条事件
	$(document).scroll(function(){
//		获得当前滚动条的高度
	var top=$(document).scrollTop();
	if(top>1400){
		$('#lou3 .f4').css('display','block')
	}else{
		$('#lou3 .f4').css('display','none')
	}
	
	})
})


















